<div dir="ltr" style="text-align: left;" trbidi="on">
<script>

function showBlogFeed(BlogFeed) {

  var TotalPosts = BlogFeed.feed.entry.length ;

  $('#blog-feed').html('');

  var MonthNames=["January","February","March","April","May","June","July","August","September","October","November","December"];

  for(var count=0; count < TotalPosts ; count++) {

    var post = BlogFeed.feed.entry[count];

    var pid = "pid" + count;
    var ptitle = post.title.$t;
    var pyear = post.published.$t.substring(0,4); 
    var pmonth = post.published.$t.substring(5,7);
    var pday = post.published.$t.substring(8,10);

    var plink;
    for(var LinkNum=0; LinkNum < post.link.length; LinkNum++) {
      if(post.link[LinkNum].rel == "alternate") {
        plink = post.link[LinkNum].href;
        break;
      }
    }

    var pimg = post.content.$t.match(/src=\"?(http.*?\.JPG)\"?/i).pop();

    /* 1. Remove all the tables 2. Remove overview*/


    var postsummary = post.content.$t.match(/(.*)\<\!--more--\>\/\>/);

    if( postsummary != null ) {
       postsummary = postsummary.pop().replace(/\<.*?\>/g,'');
    } else {
       postsummary = post.content.$t.match(/\<\/table\>(.*?)\<br \/\>/).pop().replace(/\<.*?\>/g,'');
    }

    postsummary = postsummary.substring(0,900);

    var ptext = '<br /><small><i>' + pday + ' ' + MonthNames[parseInt(pmonth,10) -1] + ' ' + pyear + '</i></small>';

    $('#blog-feed').append('<div class="blog-post-date">' +  ptext + '</div>');

    ptext = '<a href="' + plink +'" target="_blank">' + ptitle + ' ...</a>' ;

    $('#blog-feed').append('<div class="blog-post-title">' +  ptext + '</div>');

    ptext = '<img src="' + pimg + '" />' + postsummary + '  ...  <a  href="' + plink + '" target="_blank">    Read more.</a>';

    $('#blog-feed').append('<div id="PID' + count + '" class="blog-post">' +  ptext + '</div>');
  
  }

};

$(window).on('load', function(){

    $.getJSON('http://www.npttest.blogspot.com/feeds/posts/default?alt=json&max-results=10',showBlogFeed);

});

</script>

<style>

.page-header, .post-title , .footer-outer , .blog-pager , .comments , .post-footer , .clear , .blog-feeds {
  display: none;
}

.main-inner .column-center-inner {
  padding: 0 0 0 0;
}

.post-header, .main-inner, .content-inner, .date-outer {
    margin: 0 0 0 0;
}

.main-inner .date-outer {
    margin-bottom: 0;
}

.blog-post {
    height: 240px;
    width: 100%;
    padding: 10px 0 10px 0;
    overflow: hidden;
    text-align: justify;
}

.blog-post img {
    float: left;
    height: 100%; 
    padding-right: 10px;
}

.blog-post-date {
    font-size: 20px;
    color: #222222;
}

.blog-post-title a {
    font-size: 20px;
    color: #222222;
}

.blog-post a:hover {
    text-decoration: underline;
}

</style>

<br />
<div id="blog-feed">
</div>
<br /></div>